<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        nav {
            margin-top: 200px;
        }

        nav a {
            display: block;
            text-align: center;
            margin-bottom: 40px;
            font-size: 30px;
        }
    </style>
</head>

<body>
    <nav>
        <hr>
        <a href="chapter/2-1/transition.html">hover嫦娥飘入效果</a>
        <a href="chapter/2-2/animation.html">CSS相册-扇形照片墙</a>
        <a href="chapter/2-3/transform.html">气泡loading效果</a>
        <a href="other/demo.html">css3 Hover</a>
        <hr>
        <a href="chapter/3-1/animation-delay.html">延时动画 - 弹性频道条</a>
        <a href="chapter/3-2/border-color.html">边框单边颜色1</a>
        <a href="chapter/3-2/border-color-practise.html">边框单边颜色2</a>
        <a href="chapter/3-3/border-width.html">照片折角效果</a>
        <a href="chapter/3-4/movement-arc.html">弧形运动-重力摇摆时钟</a>
        <a href="chapter/3-4/movement-circle.html">正圆运动-飞机</a>
        <a href="chapter/3-4/movement-ellipseCircle.html">椭圆运动-飞船</a>

    </nav>
</body>

</html>